<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<!--[if IE ]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
	<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
	<meta name="robots" content="index, follow">
	<title>Schuldendossier</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/zepto.min.js"></script>
	<script src="js/underscore-min.js"></script>
	<script>
		$.ajax({
			"url":"http://darius.pythea-levi.appspot.com/screens",
			"dataType":"json",
			"success":function(data){
				
				var paths = _(_(data).pluck('paths')).flatten().sort();
				console.log(paths);
			}
		});
	</script>
</head>
<body>
	<div class="wrapper">
		<header>
			<nav>
				<p>Informatie over <strong>schuldendossier.nl</strong> voor:</p>
				<ul>
					<li><a href="#">Cliënten</a></li>
					<li><a href="#">Hulpverleners</a></li>
					<li><a href="#">Gemeenten</a></li>
					<li><a href="#">Schuldeisers</a></li>
				</ul>
			</nav>
			<form>
				<p>Login:</p>
				<p>
				<label for="userid">Gebruikersnaam</label>
				<input id="userid" name="userid" type="text">
				</p>
				<p>
				<label for="password">Wachtwoord</label>
				<input id="password" name="password" type="password">
				</p>
			</form>
		</header>
		<div class="content">
			<ul class="tabset">
				<a href="#" class="online-help">Help</a>
				<li class="active">
					<h2>Schuldendossier</h2>
					<div>
						<p>My content</p>
					</div>
				</li>
				<li>
					<h2>Mijn gegevens</h2>
					<div>
						<p>My content</p>
					</div>
				</li>
				<li>
					<h2>Mijn dossier</h2>
					<div>
						<p>My content</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
</body>
</html>